<!DOCTYPE html>
<html>

<!-- Head -->
<head>

<!-- Meta-Tags -->
<meta charset="utf-8">
<title>中宇乾通-登录</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> -->
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">

<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //Meta-Tags -->

<!-- Style -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
</head>
<!-- //Head -->

<!-- Body -->
<body>
  <div class="warp-login">
    <img src="images/logo.png" class="logo" alt="中宇乾通" />
    <div class="main">

      <div class="register-box getps-box" id="step-1">
        <h1>找回密码</h1>
        <div class="level-line-pos-box">
          <ul class="level-line-pos">
            <li class="over on"><span></span><i>验证身份</i></li>
            <li><span></span><i>重置登录密码</i></li>
            <li><span></span><i>重置成功</i></li>
          </ul>
          <div class="clear"></div>
        </div>        
        <h2>已有阿里云、淘宝或1688账号？ <a href="index.html">快捷登录 ></a></h2>
        <div class="register-form">       
          <label><input type="text" placeholder="请输入要找回的用户名" class="inputs" name=""></label>
          <button class="submit login-submit go-step-2">下一步</button>
        </div>
        <div class="clear"></div>
      </div>
      <div class="register-box getps-box" id="step-2">
        <h1>找回密码</h1>
        <div class="level-line-pos-box">
          <ul class="level-line-pos">
            <li class="over"><span></span><i>验证身份</i></li>
            <li class="over on"><span></span><i>重置登录密码</i></li>
            <li><span></span><i>重置成功</i></li>
          </ul>
          <div class="clear"></div>
        </div>        
        <h2>已有阿里云、淘宝或1688账号？ <a href="index.html">快捷登录 ></a></h2>
        <div class="register-form">       
          <label><input type="password" placeholder="密码" class="inputs" name=""></label>
          <label><input type="password" placeholder="确认密码" class="inputs" name=""></label>
          <button class="submit login-submit go-step-3">确定</button>
        </div>
        <div class="clear"></div>
      </div>
      <div class="register-box getps-box" id="step-3">
        <h1>找回密码</h1>
        <div class="level-line-pos-box">
          <ul class="level-line-pos">
            <li class="over"><span></span><i>验证身份</i></li>
            <li class="over"><span></span><i>重置登录密码</i></li>
            <li class="over on"><span></span><i>重置成功</i></li>
          </ul>
          <div class="clear"></div>
        </div>        
        <h2>已有阿里云、淘宝或1688账号？ <a href="index.html">快捷登录 ></a></h2>
        <h3>设置密码已成功！</h3>
        <h4>5秒后自动跳转登录页面，若未跳转请点击 <a href="index.html">登录</a></h4>
        <div class="clear"></div>
      </div>

      <div class="clear"></div>
    </div>
    <div class="footer">
      <span>
        <i class="my-link">
          <a href="aboutus.html">关于我们</a>
          <a href="xy.html">法律声明及隐私权政策</a>
          <!-- <a href="#">联系我们</a> -->
          <a href="#">加入中宇</a>
        </i>
        <i class="other-link">
          <a href="#">中宇会员</a>
          <a href="#">天美仕</a>
          <a href="#">澳通集团</a>
          <a href="#">阿里巴巴</a>
        </i>
        <p>© 2009-2018 www.zyqtmall.com 版权所有 ICP：闽ICP备18010031</p>
      </span>
    </div>
  </div>
<div class="layer-nosupport">
  <div class="nosupport-con">
    <h3>您当前浏览器预览模式，暂不支持此页面，请切换模式！</h3>
    <ul>
      <li>
        <p>您当前使用360安全浏览器，请在地址栏右侧“e”图标，更换为“极速模式”。</p>
        <span><img src="images/change.png" /></span>
      </li>
      <li>您当前使用IE浏览器，请更换“谷歌浏览器”或者“360安全浏览器”-“极速模式”，预览页面。</li>
    </ul>
  </div>
  <div class="nosupport-bg"></div>
</div>
<script src="js/browser.js"></script>
<script src="js/jquery.min.js"></script>
<script type="text/javascript">
  $(document).ready(function(){    
    $(".go-step-2").on("click",function(){
      $('#step-1').hide();
      $('#step-2').fadeIn();
      $('#step-3').hide();
    });
    $(".go-step-3").on("click",function(){
      $('#step-1').hide();
      $('#step-2').hide();
      $('#step-3').fadeIn();
      setTimeout(function(){
        window.location.href="index.html";
      },6000);
    });
  });
  
</script>
</body>
</html>